Update member cards

1 files changed, 10 insertions, 2 deletions

diff --git a/src/pages/members/[...id].astro b/src/pages/members/[...id].astro
index 8010365..3bf4e3c 100644
--- a/src/pages/members/[...id].astro
+++ b/src/pages/members/[...id].astro
@@ -5,6 +5,7 @@ import MemberCard from '@/components/MemberCard.astro'
 import PageHead from '@/components/PageHead.astro'
 import Layout from '@/layouts/Layout.astro'
 import { getAllMembers, getPostsByAuthor } from '@/lib/data-utils'
+import { render } from 'astro:content'
 
 export async function getStaticPaths() {
   const members = await getAllMembers()
@@ -16,6 +17,7 @@ export async function getStaticPaths() {
 
 const { member } = Astro.props
 const memberPosts = await getPostsByAuthor(member.id)
+const { Content, headings } = await render(member)
 ---
 
 <Layout class="max-w-3xl">
@@ -32,10 +34,16 @@ const memberPosts = await getPostsByAuthor(member.id)
     ]}
   />
 
-  <section>
+  <section
+    class="my-5 grid grid-cols-1 grid-rows-2 justify-items-center gap-6 px-2 md:grid-cols-[16rem_1fr] md:grid-rows-1 md:px-0"
+  >
     <MemberCard member={member} />
+    <article class="prose">
+      <Content />
+    </article>
   </section>
-  <section class="flex flex-col gap-y-4">
+
+  <section class="my-15 flex flex-col gap-y-4">
     <h2 class="text-2xl font-medium">Posts by {member.data.name}</h2>
     {
       memberPosts.length > 0 ? (